@import '@folio/stripes-components/lib/variables';

.password-strength__label {
  font-size: var(--font-size-small);
}

.password-strength-text__wrapper {
  display: flex;
  align-items: center;
}

.indicator__container {
  display: flex;
  justify-content: space-between;
  flex-grow: 2;
  margin-top: 6px;
}

.indicator__item {
  width: 17%;
  height: 15px;
  border-radius: 3px;
  background-color: lightgray;
}

.indicator__container--veryStrong {
  & > .indicator__item:nth-child(-n + 5) {
    background-color: #3b872d;
  }
}

.indicator__container--strong {
  & > .indicator__item:nth-child(-n + 4) {
    background-color: #90c128;
  }
}

.indicator__container--reasonable {
  & > .indicator__item:nth-child(-n + 3) {
    background-color: #efce00;
  }
}

.indicator__container--weak {
  & > .indicator__item:nth-child(-n + 2) {
    background-color: #dd8100;
  }
}

.indicator__container--veryWeak {
  & > .indicator__item:nth-child(-n + 1) {
    background-color: #cf261c;
  }
}
